作者：Leiyhttps://segmentfault.com/a/1190000022582928</b ...

功能概述： 根据后端返回接口，实现路由动态显示 实现按钮（HTML元素）级别权限控制 涉及知识点： 路由守卫 Vuex使用 Vue自定义指令 导航守卫 前端工程采用Github开源项目Vue-element-admin作为模板，该项目地址： ...

使用vue-i18n实现国际化,多语言数据保存在locales文件夹内； 通过URL的params与vuex共同维护当前语言状态； 路由改变时触发middleware/i18n.js中间件，如果当前路由不包含多语言即params.lang ...

sitemap.xml 通过@nuxtjs/sitemap模块根据前端路由自动生成。 ./con ...

Vue Router 基础回顾 使用步骤 首先使用 vue cli 创建一个 Vue 项目来回顾一下 vue router 的使用。 全局安装 vue cli。 npm i -g @vue/cli 安装完成后检查版本是否正常。 vue -- ...

Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等 ...

这期介绍一款比较别致的 mock 工具，mirage.js。说它别致，缘由是与竞品有一点点区别：它是在客户端启动的一个 mock 服务，恰如“海市蜃楼”为远程调度展现一幅 api 全景图；实则是一种伪装技术，在应用内存里拦截了所有请求。 M ...

我们的需求 在 Genesis 中，核心的就是渲染器，它提供了最基础渲染能力，有了它，你可以实现微前端、微服务、远程组件、首屏渲染，甚至可以和 React、EJS 等配合使用。 它可以和怎样的你协作？ 如果你是传统的后端渲染的，需要做SE ...

随着 Web 开发进入 SPA 和 JAMstatck 时代，前后端分离已经成为大势所趋。几乎所有的 JavaScript 项目都需要跟 web service 或者后端 API 交互，用于认证或者获取用户数据。 所以当你在开发一个项目的时 ...

任何项目达到一定规模，往往会带来性能问题，Vue.js 也不例外。本文简单介绍几个小技巧，帮你在一定程度上对项目做性能上的优化。 图片懒加载 如果应用里需要展示大量图片，比如电商网站，通常的做法是懒加载图片。懒加载的基本原理是提前准备好图片 ...